<||= importPartial "components/head.html" ||>
    <body data-prismjs-copy-timeout="500">
        
    <||= importPartial "components/navbar.html" ||>
        
        <section class="hero is-info is-halfheight">
            <div class="hero-body is-block-touch">
                <div class="columns is-desktop is-vcentered">
                    <div class="column is-12-touch is-6 has-text-centered-touch">
                        <h2 class="title is-size-3-touch is-size-2">
                            Simple. Expressive. Portable.
                            <br><br>
                            <span class="title is-size-4-touch is-size-3">The Swiss Army Knife</span>
                            <br>
                            <span class="title is-size-4-touch is-size-3">for ultra-efficient coding</span>
                        </h2>
                        <br>
                        <p class="subtitle">
                            <a data-scroll href="#download" class="button is-white is-outlined is-large is-size-5-touch is-size-4"><svg xmlns="http://www.w3.org/2000/svg" width="1.25em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6c0-53-43-96-96-96c-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160c0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128c0-61.9-44-113.6-102.4-125.4zm-132.9 88.7L299.3 420.7c-6.2 6.2-16.4 6.2-22.6 0L171.3 315.3c-10.1-10.1-2.9-27.3 11.3-27.3H248V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v112h65.4c14.2 0 21.4 17.2 11.3 27.3z"/></svg>&nbsp;&nbsp;Download</a>
                        </p>
                    </div>
                    <div class="column is-6 is-hidden-touch">
                        <picture>
                            <source srcset="<||= linkTo {resources/images/screenshot.webp} ||>" type="image/webp">
                            <source srcset="<||= linkTo {resources/images/screenshot.png} ||>" type="image/png">
                            <img class="screenshot" src="<||= linkTo {resources/images/screenshot.png} ||>" alt="arturo code screenshot">
                        </picture>
                    </div>
                </div>
            </div>
        </section>
        <div class="box cta" style="border-radius:0; margin-bottom: 4rem;">
            <div id="metrics-container" class="columns is-desktop is-vcentered">
                <div class="column is-6">
                    <div class="field is-grouped is-grouped-multiline">
                        <div class="control">
                            <a rel="noopener" href="https://github.com/arturo-lang/arturo" target="_blank">
                                <div class="tags has-addons">
                                    <span class="tag is-medium is-dark"><svg xmlns="http://www.w3.org/2000/svg" width="1.04em" height="1em" viewBox="0 0 1664 1600"><path fill="currentColor" d="m1137 972l306-297l-422-62l-189-382l-189 382l-422 62l306 297l-73 421l378-199l377 199zm527-357q0 22-26 48l-363 354l86 500q1 7 1 20q0 50-41 50q-19 0-40-12l-449-236l-449 236q-22 12-40 12q-21 0-31.5-14.5T301 1537q0-6 2-20l86-500L25 663Q0 636 0 615q0-37 56-46l502-73L783 41q19-41 49-41t49 41l225 455l502 73q56 9 56 46z"/></svg></span>
                                    <span class="tag is-medium is-stars"><b id="stargazers"><!-- AUTO-GENERATED / -->522<!-- / AUTO-GENERATED --></b></span>
                                </div>
                            </a>
                        </div>
                        
                        <div class="control is-hidden-mobile">
                            <a rel="noopener" href="https://github.com/arturo-lang/arturo/blob/master/LICENSE" target="_blank">
                                <div class="tags has-addons">
                                    <span class="tag is-medium is-dark"><b>License</b></span>
                                    <span class="tag is-medium is-license"><b>MIT</b></span>
                                </div>
                            </a>
                        </div>

                        <div class="control">
                            <a rel="noopener" href="https://discord.gg/YdVK2CB" target="_blank">
                                <div class="tags has-addons">
                                    <span class="tag is-medium is-dark"><b>Chat</b></span>
                                    <span class="tag is-medium is-chat"><b>@ Discord</b></span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="column is-6 is-hidden-touch is-block-desktop">
                    <p class="has-text-right is-size-6">
                        <b>Latest build:</b><br><span class="release-version"><||= W\version ||></span> @ <span id="release-date"><||= W\buildDate ||></span>
                    </p>
                </div>
            </div>
        </div>
        <section class="container">
            <div class="columns features" style="margin-top:5em">
                <div class="column is-4">
                    <div class="card is-shady">
                        <div class="card-image has-text-centered" style="font-size:3.5em; padding-top: 0.5em">
                            <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom:-2rem" width="120" height="120" fill="#000000" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M71.9,65.4c-15.4,23.2-28,49.8-28,74.6a84,84,0,0,0,168,0c0-52-36-92-65.2-121.1h0L111.9,92l-40-26.6Z" opacity="0.2"></path><path d="M71.9,65.4c-15.4,23.2-28,49.8-28,74.6a84,84,0,0,0,168,0c0-52-36-92-65.2-121.1h0L111.9,92l-40-26.6Z" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg>
                        </div>
                        <div class="card-content" style="padding-top:0">
                            <div class="content has-text-centered">
                                <h3 class="subtitle is-4 is-spaced mt-6">Simple + Expressive</h3>
                                <p>Arturo starts from a very basic principle: the language you use and its syntax should never get in your way. So, we keep it minimal, easy to the eye and totally flexible. Once you learn your first few commands, you'll be practically all set.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column is-4">
                    <div class="card is-shady">
                        <div class="card-image has-text-centered" style="font-size:3.5em; padding-top: 0.5em">
                            <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom:-2rem" width="120" height="120" fill="#000000" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M128,152a190.3,190.3,0,0,1-96-25.7V208a8,8,0,0,0,8,8H216a8,8,0,0,0,8-8V126.3A191.3,191.3,0,0,1,128,152Z" opacity="0.2"></path><rect x="32" y="72" width="192" height="144" rx="8" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></rect><path d="M168,72V56a16,16,0,0,0-16-16H104A16,16,0,0,0,88,56V72" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M224,126.3A191.3,191.3,0,0,1,128,152a190.3,190.3,0,0,1-96-25.7" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><line x1="116" y1="120" x2="140" y2="120" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>
                        </div>
                        <div class="card-content" style="padding-top:0">
                            <div class="content has-text-centered">
                                <h3 class="subtitle is-4 is-spaced mt-6">Portable</h3>
                                <p>Want to ship your scripts anywhere? For any operating system? Without weird dependencies and without asking the user to install an endless list of modules/gems/packages? That's exactly what Arturo was designed for.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="column is-4">
                    <div class="card is-shady">
                        <div class="card-image has-text-centered" style="font-size:3.5em; padding-top: 0.5em">
                            <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom:-2rem" width="120" height="120" fill="#000000" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><rect x="52" y="36" width="144" height="184" rx="16" transform="translate(252 4) rotate(90)" opacity="0.2"></rect><line x1="248" y1="96" x2="248" y2="160" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><rect x="52" y="36" width="144" height="184" rx="16" transform="translate(252 4) rotate(90)" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></rect><polyline points="124 168 140 128 108 128 124 88" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>
                        </div>
                        <div class="card-content" style="padding-top:0">
                            <div class="content has-text-centered">
                                <h3 class="subtitle is-4 is-spaced mt-6">Batteries-included</h3>
                                <p>Don't remember which library to import to get this super-fancy functionality you need? Cannot even get it to install? No worries! Arturo comes with pretty much anything you'll most likely need to get started - included. Yep.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <hr class="is-hidden-tablet is-hidden-desktop">
        <div class="intro column is-8 is-offset-2  has-text-centered" style="margin-top:4em">
            <h2 id="download" class="title">Get Arturo</h2><br>
            <p class="subtitle">Write once. Run everywhere.<br>Arturo's goal is to be able to run on anything you can imagine.</p>
        </div>
        <div class="columns" style="margin-top:2em">
            <div class="column is-6 is-offset-3">
                <pre style="text-align:center; padding-top: 2em; padding-bottom: 2em;"><div class="copy">copy</div><code class="language-bash is-size-7-touch is-size-5-desktop">curl -sSL https://get.arturo-lang.io | sh</code></pre>
                <div class="has-text-centered" style="margin-top:2em; margin-bottom: 4em; padding-left:1em; padding-right:1em;">
                    <p class="is-size-7"><u>On *nix</u>, just copy-paste the code above in your terminal and Arturo's latest stable version will be automatically installed. To get the most recent (nightly) build, just use: <code>curl -sSL https://get.arturo-lang.io/latest | sh</code></p>
                </div>
            </div>
        </div>
        <div class="columns" style="margin-top: 1em; margin-bottom: 1em">
            <div class="column is-8 is-offset-2">
                <div style="float:right">
                    <label class="switch">
                        <input id="version-switch" class="switch-input" type="checkbox" checked/>
                        <span class="switch-label" data-on="FULL" data-off="MINI"></span> 
                        <span class="switch-handle"></span> 
                    </label>
                </div>
                <table id="downloads" class="table is-striped is-hoverable is-fullwidth">
                    <tbody>
                        <tr>
                            <th></th>
                            <th></th>
                            <th class="is-hidden-touch has-text-centered">Architecture</th>
                            <th class="is-hidden-touch has-text-centered">Size</th>
                            <th></th>
                        </tr>
                        
                        <!-- Linux amd64 -->
                        <|| if key? W 'linuxFullAmd64 [ ||>
                        <tr>
                            <td order="1" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M16 5C10.488 5 6 9.488 6 15v8c0 1.117-.883 2-2 2v2c2.2 0 4-1.8 4-4v-8c0-4.43 3.57-8 8-8a7.98 7.98 0 0 1 2.875.531c-.293.414-.137 1.145.406 1.688c.586.586 1.39.734 1.782.344c.144-.145.187-.368.187-.594A7.978 7.978 0 0 1 24 15v8c0 2.2 1.8 4 4 4v-2c-1.117 0-2-.883-2-2v-8c0-5.512-4.488-10-10-10zm-3 6c-1.52 0-2.668.852-3.25 1.875C9.168 13.898 9 15.047 9 16c0 1.355.414 2.348.875 2.969c.043.058.082.101.125.156c-.613.656-1 1.469-1 2.375c0 1.43.973 2.598 2.25 3.344C12.527 25.59 14.184 26 16 26c1.816 0 3.473-.41 4.75-1.156C22.027 24.098 23 22.93 23 21.5c0-.906-.387-1.719-1-2.375c.043-.055.082-.098.125-.156c.46-.621.875-1.614.875-2.969c0-.953-.168-2.102-.75-3.125A3.707 3.707 0 0 0 19 11a3.688 3.688 0 0 0-3 1.5a3.688 3.688 0 0 0-3-1.5zm0 2c.867 0 1.21.313 1.531.875c.32.563.469 1.418.469 2.125h2c0-.707.148-1.563.469-2.125c.32-.563.664-.875 1.531-.875c.867 0 1.21.313 1.531.875c.32.563.469 1.418.469 2.125c0 .96-.277 1.48-.5 1.781c-.07.098-.11.14-.156.188c-.227-.114-.446-.25-.688-.344c.211-.273.344-.672.344-1.125c0-.828-.45-1.5-1-1.5s-1 .672-1 1.5c0 .266.078.504.156.719A10.963 10.963 0 0 0 16 17c-.758 0-1.469.082-2.156.219c.078-.215.156-.453.156-.719c0-.828-.45-1.5-1-1.5s-1 .672-1 1.5c0 .453.133.852.344 1.125c-.242.094-.461.23-.688.344a1.334 1.334 0 0 1-.156-.188c-.223-.3-.5-.82-.5-1.781c0-.707.148-1.563.469-2.125c.32-.563.664-.875 1.531-.875zm3 6c1.5 0 2.855.352 3.75.875S21 20.996 21 21.5s-.355 1.102-1.25 1.625c-.895.523-2.25.875-3.75.875s-2.855-.352-3.75-.875S11 22.004 11 21.5s.355-1.102 1.25-1.625C13.145 19.352 14.5 19 16 19zm-2.5 1.438l-1 1.718S13.926 23 16 23s3.5-.844 3.5-.844l-1-1.718S17.547 21 16 21c-1.547 0-2.5-.563-2.5-.563z"></path>
                                </svg>
                            </td>
                            <td><b>Linux</b></td>
                            <td class="is-hidden-touch has-text-centered">amd64</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="linux-amd64-full-size" class="full-version"><||= W\linuxFullAmd64Size ||></span>
                                <span id="linux-amd64-mini-size" class="mini-version is-hidden">
                                    <|| switch key? W 'linuxMiniAmd64Size [ ||>
                                    <||= W\linuxMiniAmd64Size ||>
                                    <|| ][ ||>
                                    --
                                    <|| ] ||>
                                </span>
                            </td>
                            <td>
                                <span id="linux-amd64-full-download" class="full-version">
                                    <a href="<||= W\linuxFullAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                                <span id="linux-amd64-mini-download" class="mini-version is-hidden">
                                    <|| switch key? W 'linuxMiniAmd64 [ ||>
                                    <a href="<||= W\linuxMiniAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                    <|| ][ ||>
                                    <i><small>*Not available</small></i>
                                    <|| ] ||>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>
                        
                        <!-- Linux arm64 -->
                        <|| if key? W 'linuxMiniArm64 [ ||>
                        <tr>
                            <td order="1" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M16 5C10.488 5 6 9.488 6 15v8c0 1.117-.883 2-2 2v2c2.2 0 4-1.8 4-4v-8c0-4.43 3.57-8 8-8a7.98 7.98 0 0 1 2.875.531c-.293.414-.137 1.145.406 1.688c.586.586 1.39.734 1.782.344c.144-.145.187-.368.187-.594A7.978 7.978 0 0 1 24 15v8c0 2.2 1.8 4 4 4v-2c-1.117 0-2-.883-2-2v-8c0-5.512-4.488-10-10-10zm-3 6c-1.52 0-2.668.852-3.25 1.875C9.168 13.898 9 15.047 9 16c0 1.355.414 2.348.875 2.969c.043.058.082.101.125.156c-.613.656-1 1.469-1 2.375c0 1.43.973 2.598 2.25 3.344C12.527 25.59 14.184 26 16 26c1.816 0 3.473-.41 4.75-1.156C22.027 24.098 23 22.93 23 21.5c0-.906-.387-1.719-1-2.375c.043-.055.082-.098.125-.156c.46-.621.875-1.614.875-2.969c0-.953-.168-2.102-.75-3.125A3.707 3.707 0 0 0 19 11a3.688 3.688 0 0 0-3 1.5a3.688 3.688 0 0 0-3-1.5zm0 2c.867 0 1.21.313 1.531.875c.32.563.469 1.418.469 2.125h2c0-.707.148-1.563.469-2.125c.32-.563.664-.875 1.531-.875c.867 0 1.21.313 1.531.875c.32.563.469 1.418.469 2.125c0 .96-.277 1.48-.5 1.781c-.07.098-.11.14-.156.188c-.227-.114-.446-.25-.688-.344c.211-.273.344-.672.344-1.125c0-.828-.45-1.5-1-1.5s-1 .672-1 1.5c0 .266.078.504.156.719A10.963 10.963 0 0 0 16 17c-.758 0-1.469.082-2.156.219c.078-.215.156-.453.156-.719c0-.828-.45-1.5-1-1.5s-1 .672-1 1.5c0 .453.133.852.344 1.125c-.242.094-.461.23-.688.344a1.334 1.334 0 0 1-.156-.188c-.223-.3-.5-.82-.5-1.781c0-.707.148-1.563.469-2.125c.32-.563.664-.875 1.531-.875zm3 6c1.5 0 2.855.352 3.75.875S21 20.996 21 21.5s-.355 1.102-1.25 1.625c-.895.523-2.25.875-3.75.875s-2.855-.352-3.75-.875S11 22.004 11 21.5s.355-1.102 1.25-1.625C13.145 19.352 14.5 19 16 19zm-2.5 1.438l-1 1.718S13.926 23 16 23s3.5-.844 3.5-.844l-1-1.718S17.547 21 16 21c-1.547 0-2.5-.563-2.5-.563z"></path>
                                </svg>
                            </td>
                            <td><b>Linux</b></td>
                            <td class="is-hidden-touch has-text-centered">arm64</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="linux-arm64-full-size" class="full-version">--</span>
                                <span id="linux-arm64-mini-size" class="mini-version is-hidden"><||= W\linuxMiniArm64Size ||></span>
                            </td>
                            <td>
                                <span id="linux-arm64-full-download" class="full-version">
                                    <i><small>*MINI build only</small></i>
                                </span>
                                <span id="linux-arm64-mini-download" class="mini-version is-hidden">
                                    <a href="<||= W\linuxMiniArm64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>

                        <!-- macOS amd64 -->
                        <|| if key? W 'macosFullAmd64 [ ||>
                        <tr>
                            <td order="2" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M20.844 2c-1.64 0-3.297.852-4.407 2.156v.032c-.789.98-1.644 2.527-1.375 4.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98 0-7 3.606-7 8.344c0 3.067 1.031 5.942 2.406 8.094c.688 1.078 1.469 1.965 2.281 2.625c.813.66 1.664 1.125 2.625 1.125c.961 0 1.68-.324 2.219-.563c.54-.238.957-.437 1.75-.437c.715 0 1.078.195 1.625.438c.547.242 1.293.562 2.281.562c1.07 0 1.98-.523 2.719-1.188c.738-.664 1.36-1.519 1.875-2.343c.516-.824.922-1.633 1.219-2.282c.148-.324.258-.593.343-.812c.086-.219.13-.281.188-.531l.188-.813l-.75-.343a5.33 5.33 0 0 1-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08 4.08 0 0 1 24.563 13c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48 0-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028 0-.032c.011-.011.023-.02.031-.031h.031a6.16 6.16 0 0 0 1.563-4.438L21.78 2zm-1.188 2.313c-.172.66-.453 1.289-.906 1.78l-.063.063c-.382.516-.972.899-1.562 1.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5 1.043-.875 1.656-1.125zm-7.437 5.5c.558 0 1.172.21 1.812.468c.64.258 1.239.594 2.094.594c.852 0 1.496-.336 2.25-.594c.754-.258 1.559-.469 2.344-.469c.523 0 1.816.333 2.906 1.344c-.191.172-.36.297-.563.531a6.21 6.21 0 0 0-1.53 4.094c0 1.906.831 3.34 1.718 4.25c.55.563.89.696 1.313.938c-.055.125-.086.222-.157.375a18.82 18.82 0 0 1-1.093 2.062c-.454.727-1.004 1.434-1.532 1.907c-.527.472-1 .687-1.375.687c-.566 0-.898-.156-1.468-.406S17.581 25 16.5 25c-1.137 0-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246 0-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941 2.199-6.343 5-6.343z"></path>
                                </svg>
                            </td>
                            <td><b>macOS</b></td>
                            <td class="is-hidden-touch has-text-centered">amd64</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="macos-amd64-full-size" class="full-version"><||= W\macosFullAmd64Size ||></span>
                                <span id="macos-amd64-mini-size" class="mini-version is-hidden">
                                    <|| switch key? W 'macosMiniAmd64Size [ ||>
                                    <||= W\macosMiniAmd64Size ||>
                                    <|| ][ ||>
                                    --
                                    <|| ] ||>
                                </span>
                            </td>
                            <td>
                                <span id="macos-amd64-full-download" class="full-version">
                                    <a href="<||= W\macosFullAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                                <span id="macos-amd64-mini-download" class="mini-version is-hidden">
                                    <|| switch key? W 'macosMiniAmd64 [ ||>
                                    <a href="<||= W\macosMiniAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                    <|| ][ ||>
                                    <i><small>*Not available</small></i>
                                    <|| ] ||>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>

                        <!-- macOS arm64 -->
                        <|| if key? W 'macosFullArm64 [ ||>
                        <tr>
                            <td order="2" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M20.844 2c-1.64 0-3.297.852-4.407 2.156v.032c-.789.98-1.644 2.527-1.375 4.312c-.128-.05-.136-.035-.28-.094c-.692-.281-1.548-.594-2.563-.594c-3.98 0-7 3.606-7 8.344c0 3.067 1.031 5.942 2.406 8.094c.688 1.078 1.469 1.965 2.281 2.625c.813.66 1.664 1.125 2.625 1.125c.961 0 1.68-.324 2.219-.563c.54-.238.957-.437 1.75-.437c.715 0 1.078.195 1.625.438c.547.242 1.293.562 2.281.562c1.07 0 1.98-.523 2.719-1.188c.738-.664 1.36-1.519 1.875-2.343c.516-.824.922-1.633 1.219-2.282c.148-.324.258-.593.343-.812c.086-.219.13-.281.188-.531l.188-.813l-.75-.343a5.33 5.33 0 0 1-1.5-1.063c-.625-.637-1.157-1.508-1.157-2.844A4.08 4.08 0 0 1 24.563 13c.265-.309.542-.563.75-.719c.105-.078.187-.117.25-.156c.062-.04.05-.027.156-.094l.843-.531l-.562-.844c-1.633-2.511-4.246-2.844-5.281-2.844c-.48 0-.82.168-1.25.25c.242-.226.554-.367.75-.624c.004-.004-.004-.028 0-.032c.011-.011.023-.02.031-.031h.031a6.16 6.16 0 0 0 1.563-4.438L21.78 2zm-1.188 2.313c-.172.66-.453 1.289-.906 1.78l-.063.063c-.382.516-.972.899-1.562 1.125c.164-.652.45-1.312.844-1.812c.008-.012.023-.02.031-.032c.438-.5 1.043-.875 1.656-1.125zm-7.437 5.5c.558 0 1.172.21 1.812.468c.64.258 1.239.594 2.094.594c.852 0 1.496-.336 2.25-.594c.754-.258 1.559-.469 2.344-.469c.523 0 1.816.333 2.906 1.344c-.191.172-.36.297-.563.531a6.21 6.21 0 0 0-1.53 4.094c0 1.906.831 3.34 1.718 4.25c.55.563.89.696 1.313.938c-.055.125-.086.222-.157.375a18.82 18.82 0 0 1-1.093 2.062c-.454.727-1.004 1.434-1.532 1.907c-.527.472-1 .687-1.375.687c-.566 0-.898-.156-1.468-.406S17.581 25 16.5 25c-1.137 0-1.977.336-2.563.594c-.585.258-.89.406-1.406.406c-.246 0-.777-.2-1.375-.688c-.597-.488-1.254-1.23-1.844-2.156c-1.183-1.851-2.093-4.394-2.093-7c0-3.941 2.199-6.343 5-6.343z"></path>
                                </svg>
                            </td>
                            <td><b>macOS</b></td>
                            <td class="is-hidden-touch has-text-centered">arm64 / M1</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="macos-arm64-full-size" class="full-version"><||= W\macosFullArm64Size ||></span>
                                <span id="macos-arm64-mini-size" class="mini-version is-hidden">
                                    <|| switch key? W 'macosMiniArm64Size [ ||>
                                    <||= W\macosMiniArm64Size ||>
                                    <|| ][ ||>
                                    --
                                    <|| ] ||>
                                </span>
                            </td>
                            <td>
                                <span id="macos-arm64-full-download" class="full-version">
                                    <a href="<||= W\macosFullArm64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                                <span id="macos-arm64-mini-download" class="mini-version is-hidden">
                                    <|| switch key? W 'macosMiniArm64 [ ||>
                                    <a href="<||= W\macosMiniArm64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                    <|| ][ ||>
                                    <i><small>*Not available</small></i>
                                    <|| ] ||>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>

                        <!-- Windows amd64 -->
                        <|| if key? W 'windowsFullAmd64 [ ||>
                        <tr>
                            <td order="3" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M27 5L5 7.992v16.016L27 27V5zm-2 2.29V15H15V8.65l10-1.36zM13 8.921V15H7V9.738l6-.816zM7 17h6v6.078l-6-.816V17zm8 0h10v7.71l-10-1.36V17z"></path>
                                </svg>
                            </td>
                            <td><b>Windows</b></td>
                            <td class="is-hidden-touch has-text-centered">amd64</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="windows-amd64-full-size" class="full-version"><||= W\windowsFullAmd64Size ||></span>
                                <span id="windows-amd64-mini-size" class="mini-version is-hidden">
                                    <|| switch key? W 'windowsMiniAmd64Size [ ||>
                                    <||= W\windowsMiniAmd64Size ||>
                                    <|| ][ ||>
                                    --
                                    <|| ] ||>
                                </span>
                            </td>
                            <td>
                                <span id="windows-amd64-full-download" class="full-version">
                                    <a href="<||= W\windowsFullAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                                <span id="windows-amd64-mini-download" class="mini-version is-hidden">
                                    <|| switch key? W 'windowsMiniAmd64 [ ||>
                                    <a href="<||= W\windowsMiniAmd64 ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                    <|| ][ ||>
                                    <i><small>*Not available</small></i>
                                    <|| ] ||>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>

                        <!-- Web JavaScript -->
                        <|| if key? W 'webMiniJs [ ||>
                        <tr>
                            <td order="7" class="first-td">
                                <svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 32 32">
                                    <path fill="currentColor" d="M5 5v22h22V5H5zm2 2h18v18H7V7zm13.244 8c-1.425 0-2.346.912-2.346 2.12c0 1.31.77 1.937 1.928 2.43l.4.173c.733.323 1.169.511 1.169 1.062c0 .465-.427.799-1.092.799c-.788 0-1.236-.418-1.578-.979l-1.31.75c.464.931 1.433 1.645 2.925 1.645c1.52 0 2.66-.788 2.66-2.232c0-1.35-.77-1.949-2.139-2.528l-.398-.172c-.693-.304-.988-.503-.988-.978c0-.39.294-.694.77-.694c.465 0 .758.2 1.034.694l1.256-.807c-.532-.93-1.265-1.283-2.29-1.283zm-5.85.096v5.463c0 .798-.342 1.005-.865 1.005c-.55 0-.788-.379-1.035-.826l-1.31.79c.38.807 1.129 1.472 2.412 1.472C15.02 23 16 22.24 16 20.576v-5.48h-1.605z"></path>
                                </svg>
                            </td>
                            <td><b>Web</b></td>
                            <td class="is-hidden-touch has-text-centered">JavaScript</td>
                            <td class="is-hidden-touch has-text-centered">
                                <span id="web-js-full-size" class="full-version">--</span>
                                <span id="web-js-mini-size" class="mini-version is-hidden"><||= W\webMiniJsSize ||></span>
                            </td>
                            <td>
                                <span id="web-js-full-download" class="full-version">
                                    <i><small>*MINI build only</small></i>
                                </span>
                                <span id="web-js-mini-download" class="mini-version is-hidden">
                                    <a href="<||= W\webMiniJs ||>"><i class="far fa-arrow-alt-circle-down" aria-hidden="true"></i>&nbsp;&nbsp;Download</a>
                                </span>
                            </td>
                        </tr>
                        <|| ] ||>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="has-text-centered" style="margin-top:2em; margin-bottom: 4em; padding-left:1em; padding-right:1em;">
            <p class="is-size-7">*<i>Mini</i> builds offer the same power but with a tiny subset of the built-in libraries removed, so as to allow for even smaller and more portable binaries.&nbsp;<br class="is-hidden-touch">If you have problems installing it - or simply because you want to - you can <a href="<||= linkTo{documentation/getting started} ||>" target="_blank" rel="noopener">find the complete build & installation instructions here</a>.</p>
        </div>
        <div class="has-text-centered">
            <p class="motto">~&nbsp;&nbsp;CODE IS <span onmouseenter="this.innerHTML='ARTURO'" onmouseout="this.innerHTML='ART'">ART</span>&nbsp;&nbsp;~</p>
        </div>

<||= importPartial "components/foot.html" ||>